<!DOCTYPE html>
<html>
<body>
<!-- <table>标签用于显示一个表格
<tr> 表示行
<td> 表示列又叫单元格 -->
		<table>
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>
			<tr>
				<td>5</td>
				<td>6</td>
			</tr>
		</table>

		<!-- 带边框的表格 -->
		<table border="1">
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td>5</td>
				<td>6</td>
			</tr>
		</table>

<!-- 设置table的属性 widthpx即像素的意思。
比如你的分辨率是1024X768,则你的屏幕横向就有1024个像素 -->
		<table border="1" width="200px">
			<tr>
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td>5</td>
				<td>6</td>
			</tr>
		</table>

<!-- 设置td的属性width
在示例里，1单元格设置了宽度，那么3，和a单元格，自动继承该宽度
2单元格的宽度由table宽度和1单元格的宽度决定 -->
	    <table border="1">
			<tr>
				<td width="50px">1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td>5</td>
				<td>6</td>
			</tr>
		</table>

<!-- 设置td的属性width为百分数 -->
	    <table border="1" width="200px">
			<tr>
				<td width="80%">1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td>5</td>
				<td>6</td>
			</tr>
		</table>

		<!-- 设置td的属性align -->
	    <table border="1" width="200px">
			<tr>
				<td  align="left">1</td>
				<td>2</td>
			</tr>
			<tr>
				<td align="center">3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td align="right">5</td>
				<td>6</td>
			</tr>
		</table>

		<!-- 单元格垂直对齐 -->
		<!-- 设置td的属性valign -->
		<table border="1" width="200px">
			<tr>
				<td valign="top">1</td>
				<td>
					2 <br>
					2 <br>
					2 <br>
				</td>
			</tr>
			<tr>
				<td valign="middle">3</td>
				<td>
					4 <br>
					4 <br>
					4 <br>
				</td>
			</tr>
			<tr>
				<td valign="bottom">5</td>
				<td>
					6<br>
					6<br>
					6<br>
				</td>
			</tr>
		</table>

		<!-- 设置td的属性colspan -->
	    <table border="1" width="200px">
			<tr>
				<td colspan="2">1,2</td>
			</tr>
			<tr>
				<td >3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td >5</td>
				<td>6</td>
			</tr>
		</table>

<!-- 设置td的属性rowspan -->
	    <table border="1" width="200px">
			<tr>
				<td rowspan="2">1,3</td>
				<td>2</td>
			</tr>
			<tr>
				<td>4</td>
			</tr>			
			<tr>
				<td >5</td>
				<td>6</td>
			</tr>
		</table>

		<!-- 设置tr或者td的属性bgcolor -->
	    <table border="1" width="200px">
			<tr bgcolor="gray">
				<td>1</td>
				<td>2</td>
			</tr>
			<tr>
				<td>3</td>
				<td>4</td>
			</tr>			
			<tr>
				<td >5</td>
				<td bgcolor="pink">6</td>
			</tr>
		</table>




</body>
</html>